<script>
import { Dialog } from "element-ui";
export default {
  extends: Dialog,
  props: {
    "close-on-click-modal": {
      type: Boolean,
      default: false
    }
  },
}
</script>
<style lang="scss">
.el-dialog{
  border-radius: 6px;
  .el-dialog__header{
    height: 55px;
    background:rgba(246,246,246,1);
    border-radius: 6px 6px 0 0;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    .el-dialog__title{
      font-size:14px;
      font-weight:400;
      color:rgba(51,51,51,1);
      line-height: 55px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .el-dialog__headerbtn{
      position: relative;
      top: 0;
      right: 0;
    }
  }
  .el-dialog__footer {
      text-align: center;
      .el-button {
          width:120px;
          height: 30px;
          border-radius: 15px;
          line-height: 28px;
          padding-top: 0;
          padding-bottom: 0;
      }
      .el-button--primary {
          color: #FFF;
          background-color: #336CFB;
          border-color: #336CFB;
    }
  }
}
</style>